<html>

<head>
    <meta charset="UTF-8">
    <title>js的三种用法</title>
    <script src="main.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
</head>

<body>
    <div class="container">
        <h1>js的三种引入用法</h1>
        <div class="row">
            <div class="col-xs-4">
                <section>
                    <h2>链接式</h2>
                    <p>使用一个独立的.js文件建立脚本，然后使用script元素建立网页文件和脚本文件之间的联系。</p>
                </section>
            </div>
            <div class="col-xs-4">
                <section>
                    <h2>嵌入式</h2>
                    <p>在网页文档内部，使用script元素。</p>
                </section>
            </div>
            <div class="col-xs-4">
                <section>
                    <h2 onclick="alert('inline')">行内式</h2>
                    <p>脚本内容出现在元素标签中。</p>
                </section>
            </div>
        </div>
    </div>
    <script>
    // alert('js');
    </script>
</body>

</html>
